<template>
    <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item v-if="belong">{{ belong }}</el-breadcrumb-item>
            <el-breadcrumb-item><span class="f-w-600">{{ title }}</span></el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
export default {
    name: 'Title',
    computed: {
        belong() {
            let belong = this.$route.meta.belong;
            return belong;
        },
        title() {
            return this.$route.meta.title
        }
    }
}
</script>
<style scoped lang="less">
:deep(.el-breadcrumb__separator) {
    color: aqua;
}

:deep(.el-breadcrumb__item .el-breadcrumb__inner) {
    color: aliceblue;

    &:hover {
        color: aliceblue;
        cursor: default;
    }
}
</style>